<template>
  <div>
    <div class="title">
      <p id="pastitle">修改密码</p>
      <br />
      <p id="pas1">建议使用字母、数字与标点的组合，可以大幅度提升帐号安全。</p>
      <br />
      <p>为了保证帐号安全，修改密码前请先进行安全验证</p>
    </div>
    <br />
    <div class="box">
      <el-form label-width="100px">
        <el-form-item label="手机号：">
          <el-input></el-input>
          <el-button type="info" plain>获取验证码</el-button>
        </el-form-item>
        <el-form-item label="验证码：">
          <el-input></el-input>
        </el-form-item>
        <el-form-item label="新密码：">
          <el-input show-password></el-input>
        </el-form-item>
        <el-form-item label="确认密码：">
          <el-input show-password></el-input>
        </el-form-item>
      </el-form>
    </div>
    <br />
    <div class="button">
      <span>提交更改</span>
    </div>
    <div>
      <p id="pas1">绑定手机时，为什么会提示“手机号已注册”?</p>
      <p>
        因为该手机号已经在用户中心、积分、游戏等2345产品上注册或者绑定过，请重新输入新手机号码。
      </p>
      <br />
      <p id="pas1">手机换号了，无法修改绑定手机怎么办？</p>

      <p>请致电客服人工解决，客服电话：400-123-1234 手机无法收到验证码</p>
      <p>
        请检测垃圾信箱，是否被手机安全软件误拦截，若检查后仍旧无法收到，请致电客服人工帮助，客服电话：400-123-1234
      </p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      input: "",
    };
  },
};
</script>

<style lang="scss" scoped>
.box {
  width: 80%;
}
#pastitle {
  font-size: 25px;
}
#pas1 {
  font-weight: 700;
}
</style>
